<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<style type="text/css">
  /*流程图背景图*/
  .flow_char_bg{
      background: url(${pageContext.request.contextPath}/images/problem/flow_char_bg.png);
  }
  /*表格TD样式:发起*/
  .table_Td_Class_Start{
      background: url(${pageContext.request.contextPath}/images/problem/table_Td_Class_Start.png);
      width:222px;
      height:104px;
  }
  /*表格TD样式:转发*/
  .table_Td_Class_Trans{
     background: url(${pageContext.request.contextPath}/images/problem/table_Td_Class_Trans.png);
     width:222px;
     height:104px;
  }
  /*表格TD样式:回退*/
  .table_Td_Class_Exit{
     background: url(${pageContext.request.contextPath}/images/problem/table_Td_Class_Exit.png);
     width:222px;
     height:104px;
  }
  /*表格TD样式:结束*/
  .table_Td_Class_End{
     background: url(${pageContext.request.contextPath}/images/problem/table_Td_Class_End.png);
     width:222px;
     height:104px;
  }
  /*拼接table样式*/
  .tableClass{
     width:222px;
     height:75px;
  }
  
</style>
<style>
.div_dim{
	width: 340px;
	font-size: 12px;
	position: absolute;
	z-index: 10000;
	max-height: 320px;
}

.div_dim2{
	max-height:100px;
	overflow:auto;  
	padding-left: 8px;
	padding-right: 8px;
}

.content{
	width: 300px;
	max-height: 320px;
	float:left;
}
.table_dim{
	width: 100%;
	height: 100%;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}

.table_dim tr{
   height:25px;
   border-top:none;
   border-left:none;
   border-right:none;
   background: url("${pageContext.request.contextPath}/images/speedreport/line.png") repeat-x left bottom;
}

.table_dim tr.odd{
   background-color: white;
  }
  
  .table_dim tr.even{
   /*background-color: #97c3e8;*/
   background-color: white;
}
  
.table_dim tr.broken-line{
  	border-top:none;
   border-left:none;
   border-right:none;
   background: url("${pageContext.request.contextPath}/images/speedreport/line.png") repeat-x left bottom;
}

.table_dim tr.real-line{
  	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid;
	border-bottom-color: #9ec7ea;
	background: url("${pageContext.request.contextPath}/images/speedreport/line.png") no-repeat;
}

.table_dim tr.last{
  	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.label{
	color: #2c83c8;
	padding-left: 5px;
}
.up{
	background: url("${pageContext.request.contextPath}/images/problem/up.png");
	height: 10px;
	width: 300px;
}

.down{
	background: url("${pageContext.request.contextPath}/images/problem/down.png");
	height:11px;
	width: 300px;
}
.img_center{
	background: url("${pageContext.request.contextPath}/images/problem/center.png") repeat-y;
	width: 300px;
}
div.left_arrow {
  float:left;
  background : url('${pageContext.request.contextPath}/images/speedreport/arrow.png') 0px 0px no-repeat;
  width: 16px;
  height: 25px;
  position: relative;
  top: 40px;
  left: 0px;
  display: none;
}

div.right_arrow {
  float:left;
  background : url('${pageContext.request.contextPath}/images/speedreport/arrow_right.png') 0px 0px no-repeat;
  width: 17px;
  height: 27px;
  position: relative;
  top: 40px;
  left: 0px;
  display: none;
}

.warn_normal{
	color: #1f87d9;
}
.warn_important{
	color: #faa004;
}
.warn_serious{
	color: #e90101;
}
</style>
<script type="text/javascript">
var pars="problemId="+'${problemId}';
var downFlag=true;//标识下降箭头
var num=0;
var descTemp='';
var numTemp=0;

var timeTemp = '${problemTemp.discoveryTime}'.substring(0,10)
document.getElementById("timeDiv").innerHTML = timeTemp;
if(('${problemTemp.title}').length>20){
	document.getElementById("problemTitleDiv").innerHTML = ('${problemTemp.title}').substring(0,20)+'...';
}
if('${problemTemp.problemLevel}'=='0'){
	document.getElementById("problemLevelDiv").innerHTML = '&nbsp;提示';
	document.getElementById("problemLevelDiv").style.color = '#7aba42';
}else if('${problemTemp.problemLevel}'=='1'){
	document.getElementById("problemLevelDiv").innerHTML = '&nbsp;一般告警';
	document.getElementById("problemLevelDiv").style.color = '#8cbeed';
}else if('${problemTemp.problemLevel}'=='2'){
	document.getElementById("problemLevelDiv").innerHTML = '&nbsp;重要告警';
	document.getElementById("problemLevelDiv").style.color = '#ff9200';
}else if('${problemTemp.problemLevel}'=='3'){
	document.getElementById("problemLevelDiv").innerHTML = '&nbsp;严重告警';
	document.getElementById("problemLevelDiv").style.color = '#ec0101';
}
$(function(){
	$(problem_flow_char_divId).scroll(function(){
		hideDiv('problem_flow_char_divId');
	})
 })





$.ajax({
	 url :'${pageContext.request.contextPath}/problemmgr/problemAction!showProblem.action',
	 data:pars,
	 dataType :'json',
	 success : function(templateList){ 
		 var tableStr="";
		    tableStr+="<table  id='flow_char_tableId' width='742px' height='100%' style='margin-top:0px;margin-left:50px' >"
		    for(var idx=0;idx<templateList.length;idx++){
		    	if((templateList.length%3)==1){
		    		if((idx+1)==templateList.length){
		    			var num = Math.floor(eval(idx+1)/3); 
		    			if(num%2==0){
		    				if(eval(idx+1)%3==1){
					    		tableStr+="<tr>";
					    	}
		    				/************************************1===标识发起*****************************************/
			    	    	if(templateList[idx].status==1){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Start' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass'  onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")'>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    	 
				    	    }
				    	    /************************************2===标识转发*****************************************/
				    	    if(templateList[idx].status==2){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' class='table_Td_Class_Trans' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************4===标识回退*****************************************/
				    	    if(templateList[idx].status==4){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
					    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************5===标识结束*****************************************/
				    	    if(templateList[idx].status==3){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;'  /></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    if(eval(idx+1)%3==0){
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		tableStr+="</tr>";
						    		if(downFlag){
						    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
						    			downFlag=false;
						    		}else{
						    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
						    			downFlag=true;
						    		}
				    	    	}
					    	}
			    			
			    			
			    			//idx++;
			    			break;
		    			}else{
		    				if(eval(idx+1)%3==1){
					    		tableStr+="<tr>";
					    	}
			    			tableStr+="<td valign='top' style='height:104px'>";
			    	    	
			    	    	tableStr+="</td>";
			    	    	tableStr+="<td valign='top' style='height:104px'>";
			    	    	
			    	    	tableStr+="</td>";
							tableStr+="<td valign='top' style='height:104px'>";
			    	    	
			    	    	tableStr+="</td>";
							tableStr+="<td valign='top' style='height:104px'>";
			    	    	
			    	    	tableStr+="</td>";
			    			/************************************1===标识发起*****************************************/
			    	    	if(templateList[idx].status==1){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Start' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    	 
				    	    }
				    	    /************************************2===标识转发*****************************************/
				    	    if(templateList[idx].status==2){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************4===标识回退*****************************************/
				    	    if(templateList[idx].status==4){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
					    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************5===标识结束*****************************************/
				    	    if(templateList[idx].status==3){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    if(eval(idx+1)%3==0){
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		tableStr+="</tr>";
						    		if(downFlag){
						    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
						    			downFlag=false;
						    		}else{
						    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
						    			downFlag=true;
						    		}
				    	    	}
					    	}
			    			
			    			
			    			idx++;
			    			break;
		    			}
		    			
		    		}else{
		    			if(eval(idx+1)%3==1){
				    		tableStr+="<tr>";
				    	}
				    	/************************************1===标识发起*****************************************/
			    	    if(templateList[idx].status==1){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_Start' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
				    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
				    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
				    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
				    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
				    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
				    	    				  }
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
				    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
				    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    	 
			    	    }
			    	    /************************************2===标识转发*****************************************/
			    	    if(templateList[idx].status==2){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
				    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
				    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    }
			    	    /************************************4===标识回退*****************************************/
			    	    if(templateList[idx].status==4){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
				    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    }
			    	    /************************************5===标识结束*****************************************/
			    	    if(templateList[idx].status==3){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
				    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
				    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    }
			    	    if(eval(idx+1)%3==0){
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		tableStr+="</tr>";
					    		if(downFlag){
					    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
					    			downFlag=false;
					    		}else{
					    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
					    			downFlag=true;
					    		}
			    	    	}
				    		
				    	}
		    		}
		    	}else if((templateList.length%3)==2){
					if((idx+2)==templateList.length){
						var num = Math.floor(eval(idx+1)/3);
		    			if(num%2==0){
		    				if(eval(idx+1)%3==1){
					    		tableStr+="<tr>";
					    	}
							/************************************1===标识发起*****************************************/
				    	    if(templateList[idx].status==1){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Start' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    	 
				    	    }
				    	    /************************************2===标识转发*****************************************/
				    	    if(templateList[idx].status==2){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************4===标识回退*****************************************/
				    	    if(templateList[idx].status==4){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
					    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************5===标识结束*****************************************/
				    	    if(templateList[idx].status==3){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    
				    	    if(eval(idx+1)%3==0){
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		tableStr+="</tr>";
						    		if(downFlag){
						    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
						    			downFlag=false;
						    		}else{
						    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
						    			downFlag=true;
						    		}
				    	    	}
					    	}
				    	    
				    	    idx++;
				    	    
				    	    if(eval(idx+1)%3==1){
					    		tableStr+="<tr>";
					    	}
					    	/************************************1===标识发起*****************************************/
				    	    if(templateList[idx].status==1){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Start' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    	 
				    	    }
				    	    /************************************2===标识转发*****************************************/
				    	    if(templateList[idx].status==2){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************4===标识回退*****************************************/
				    	    if(templateList[idx].status==4){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
					    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************5===标识结束*****************************************/
				    	    if(templateList[idx].status==3){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    
				    	    if(templateList.length<3){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div><br>";
				    	    		tableStr+="<table class='tableClass'>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'></td>";
				    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'></td>";
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'></td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
				    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
							}
				    	    
				    	    if(eval(idx+1)%3==0){
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		tableStr+="</tr>";
						    		if(downFlag){
						    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
						    			downFlag=false;
						    		}else{
						    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
						    			downFlag=true;
						    		}
				    	    	}
					    	}
							
							if(templateList.length<3){
								tableStr+="<tr><td></td><td></td><td></td><td></td><td></td></tr>";
							}
							
							idx++;
			    			break;
		    			}else{
		    				if(eval(idx+1)%3==1){
					    		tableStr+="<tr>";
					    	}
                            tableStr+="<td valign='top' style='height:104px'>";
			    	    	
			    	    	tableStr+="</td>";
			    	    	tableStr+="<td valign='top' style='height:104px'>";
			    	    	
			    	    	tableStr+="</td>";
					    	
					    	/************************************1===标识发起*****************************************/
				    	    if(templateList[idx].status==1){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Start' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    	 
				    	    }
				    	    /************************************2===标识转发*****************************************/
				    	    if(templateList[idx].status==2){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'><br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************4===标识回退*****************************************/
				    	    if(templateList[idx].status==4){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'></br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
					    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************5===标识结束*****************************************/
				    	    if(templateList[idx].status==3){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'></br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    if(eval(idx+1)%3==0){
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		tableStr+="</tr>";
						    		if(downFlag){
						    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
						    			downFlag=false;
						    		}else{
						    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
						    			downFlag=true;
						    		}
				    	    	}
					    	}
				    	    
				    	    idx++;
				    	    
				    	    if(eval(idx+1)%3==1){
					    		tableStr+="<tr>";
					    	}
					    	/************************************1===标识发起*****************************************/
				    	    if(templateList[idx].status==1){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Start' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'></br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
					    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
					    	    				  }
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    	 
				    	    }
				    	    /************************************2===标识转发*****************************************/
				    	    if(templateList[idx].status==2){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'></br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************4===标识回退*****************************************/
				    	    if(templateList[idx].status==4){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'></br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
					    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    /************************************5===标识结束*****************************************/
				    	    if(templateList[idx].status==3){
				    	    	tableStr+="<td valign='top' style='height:104px'>";
					    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'></br>";
					    	    		tableStr+="<table class='tableClass' >";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
					    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
					    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
					    	    			 tableStr+="</tr>";
					    	    			 tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
					    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
				    	    			    tableStr+="</tr>";
				    	    			    tableStr+="<tr>";
					    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
					    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
					    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
			 	    			       tableStr+="</tr>";
					    	    		tableStr+="</table>";
					    	    	tableStr+="</div>";
				    	    	tableStr+="</td>";
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		if(eval(idx+1)%3!=0){
					    	    	    tableStr+=getRightStr();//拼接向右箭头
					 		    	 }
				    	    	}
				    	    }
				    	    if(eval(idx+1)%3==0){
				    	    	if(eval(idx+1)!=templateList.length){
				    	    		tableStr+="</tr>";
						    		if(downFlag){
						    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
						    			downFlag=false;
						    		}else{
						    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
						    			downFlag=true;
						    		}
				    	    	}
					    	}
							
							
							
							idx++;
			    			break;
		    			}
						
						
		    		}else{
		    			if(eval(idx+1)%3==1){
				    		tableStr+="<tr>";
				    	}
				    	/************************************1===标识发起*****************************************/
			    	    if(templateList[idx].status==1){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_Start' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'></br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
				    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
				    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
				    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
				    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
				    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
				    	    				  }
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
				    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
				    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    	 
			    	    }
			    	    /************************************2===标识转发*****************************************/
			    	    if(templateList[idx].status==2){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'></br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
				    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
				    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    }
			    	    /************************************4===标识回退*****************************************/
			    	    if(templateList[idx].status==4){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'></br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
				    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    }
			    	    /************************************5===标识结束*****************************************/
			    	    if(templateList[idx].status==3){
			    	    	tableStr+="<td valign='top' style='height:104px'>";
				    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'></br>";
				    	    		tableStr+="<table class='tableClass' >";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
				    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
				    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
				    	    			 tableStr+="</tr>";
				    	    			 tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
				    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
			    	    			    tableStr+="</tr>";
			    	    			    tableStr+="<tr>";
				    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
				    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
				    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
		 	    			       tableStr+="</tr>";
				    	    		tableStr+="</table>";
				    	    	tableStr+="</div>";
			    	    	tableStr+="</td>";
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
			    	    	}
			    	    }
			    	    if(eval(idx+1)%3==0){
			    	    	if(eval(idx+1)!=templateList.length){
			    	    		tableStr+="</tr>";
					    		if(downFlag){
					    			tableStr+=getDown_Right_Str();//拼接向下箭头:右边
					    			downFlag=false;
					    		}else{
					    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
					    			downFlag=true;
					    		}
			    	    	}
				    	}
		    		}
		    	}else{
		    		if(eval(idx+1)%3==1){
			    		tableStr+="<tr>";
			    	}
			    	/************************************1===标识发起*****************************************/
		    	    if(templateList[idx].status==1){
		    	    	tableStr+="<td valign='top' style='height:104px'>";
			    	    	tableStr+="<div class='table_Td_Class_Start'  onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'></br>";
			    	    		tableStr+="<table class='tableClass' >";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;发起人：</td>";
			    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
			    	    				  if(templateList[idx].problemLevel==0 || templateList[idx].problemLevel==1){//标识告警级别:problemLevel=0/1 提示/一般告警
			    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/general_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
			    	    				  }else if(templateList[idx].problemLevel==2){//标识告警级别:problemLevel=2 提示/重要告警
			    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/major_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
			    	    				  }else{//标识告警级别:problemLevel=2 提示/严重告警
			    	    					  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/serious_alarm.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,\""+templateList[idx].taskId+"\")'/></td>";
			    	    				  }
			    	    			 tableStr+="</tr>";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
			    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
		    	    			    tableStr+="</tr>";
		    	    			    tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;问题描述：</td>";
			    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
			    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
	 	    			       tableStr+="</tr>";
			    	    		tableStr+="</table>";
			    	    	tableStr+="</div>";
		    	    	tableStr+="</td>";
		    	    	if(eval(idx+1)!=templateList.length){
		    	    		if(templateList.length==3){
	    	    				tableStr+=getRightStrTop();//拼接向右箭头
	    	    			}else{
	    	    				tableStr+=getRightStr();//拼接向右箭头
	    	    			}
		    	    	}
		    	    	 
		    	    }
		    	    /************************************2===标识转发*****************************************/
		    	    if(templateList[idx].status==2){
		    	    	tableStr+="<td valign='top' style='height:104px'>";
			    	    	tableStr+="<div class='table_Td_Class_Trans' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'></br>";
			    	    		tableStr+="<table class='tableClass' >";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发人：</td>";
			    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
			    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_trans.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
			    	    			 tableStr+="</tr>";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
			    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
		    	    			    tableStr+="</tr>";
		    	    			    tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;转发意见：</td>";
			    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
			    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
	 	    			       tableStr+="</tr>";
			    	    		tableStr+="</table>";
			    	    	tableStr+="</div>";
		    	    	tableStr+="</td>";
		    	    	if(eval(idx+1)!=templateList.length){
		    	    		if(templateList.length==3){
	    	    				tableStr+=getRightStrTop();//拼接向右箭头
	    	    			}else{
	    	    				tableStr+=getRightStr();//拼接向右箭头
	    	    			}
		    	    	}
		    	    }
		    	    /************************************4===标识回退*****************************************/
		    	    if(templateList[idx].status==4){
		    	    	tableStr+="<td valign='top' style='height:104px'>";
			    	    	tableStr+="<div class='table_Td_Class_Exit' onmouseover='showDiv(this,"+templateList[idx].taskId+")' id='"+templateList[idx].taskId+"'></br>";
			    	    		tableStr+="<table class='tableClass' >";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;回退人：</td>";
			    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
			    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/problem_exit.png' style='width:37px;height:37px;margin-right:5px;' onclick='showDiv(this,"+templateList[idx].taskId+")'/></td>";
			    	    			 tableStr+="</tr>";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
			    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
		    	    			    tableStr+="</tr>";
		    	    			    tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
			    	    				  tableStr+="<td colspan='2' style='width:102px'  nowrap='nowrap'></td>";
	 	    			       tableStr+="</tr>";
			    	    		tableStr+="</table>";
			    	    	tableStr+="</div>";
		    	    	tableStr+="</td>";
		    	    	if(eval(idx+1)!=templateList.length){
		    	    		if(eval(idx+1)%3!=0){
		    	    			if(templateList.length==3){
		    	    				tableStr+=getRightStrTop();//拼接向右箭头
		    	    			}else{
		    	    				tableStr+=getRightStr();//拼接向右箭头
		    	    			}
			    	    	    
			 		    	 }
		    	    	}
		    	    }
		    	    /************************************5===标识结束*****************************************/
		    	    if(templateList[idx].status==3){
		    	    	tableStr+="<td valign='top' style='height:104px'>";
			    	    	tableStr+="<div class='table_Td_Class_End' onmouseover='showDiv(this,\""+templateList[idx].taskId+"\")' id='"+templateList[idx].taskId+"'></br>";
			    	    		tableStr+="<table class='tableClass' >";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理人：</td>";
			    	    				  tableStr+="<td style='width:102px;height:25px;text-align:left;' nowrap='nowrap'>"+templateList[idx].handler+"</td>";
			    	    				  tableStr+="<td rowspan='2' style='width:40px;height:50px;' valign='top'><img src='${pageContext.request.contextPath}/images/problem/flow_char_end.png' style='width:37px;height:37px;margin-right:5px;' /></td>";
			    	    			 tableStr+="</tr>";
			    	    			 tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;时间：</td>";
			    	    				  tableStr+="<td style='width:102px' nowrap='nowrap'>"+templateList[idx].completeTime+"</td>";
		    	    			    tableStr+="</tr>";
		    	    			    tableStr+="<tr>";
			    	    				  tableStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'>&nbsp;处理意见：</td>";
			    	    				  descTemp = showSuggestion(templateList[idx].suggestion);
			    	    				  tableStr+="<td colspan='2' title='"+templateList[idx].suggestion+"' style='width:102px'  nowrap='nowrap'>"+descTemp+"</td>";
	 	    			       tableStr+="</tr>";
			    	    		tableStr+="</table>";
			    	    	tableStr+="</div>";
		    	    	tableStr+="</td>";
		    	    	if(eval(idx+1)!=templateList.length){
		    	    		if(templateList.length==3){
		    	    			if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStrTop();//拼接向右箭头
				 		    	 }
		    	    		}else{
		    	    			if(eval(idx+1)%3!=0){
				    	    	    tableStr+=getRightStr();//拼接向右箭头
				 		    	 }
		    	    		}
		    	    		
		    	    	}
		    	    }
		    	    
		    	    if(eval(idx+1)%3==0){
		    	    	if(eval(idx+1)!=templateList.length){
		    	    		tableStr+="</tr>";
				    		if(downFlag){
				    			tableStr+= getDown_Right_Str();//拼接向下箭头:右边
				    			downFlag=false;
				    		}else{
				    			tableStr+=getDown_Left_Str();//拼接向下箭头:左边
				    			downFlag=true;
				    		}
		    	    	}
			    	}
		    	}
		    	
		    	
	    	    
		    }
		    tableStr+="</table>"
		    $("#problem_flow_char_divId").html(tableStr);
		    //动态加载左右方向箭头:改变偶数箭头方向
		    $("#flow_char_tableId tr:odd").find("img[name='right_left_image']").each(function(){
		    	$(this).attr("src","${pageContext.request.contextPath}/images/problem/left_img.png");
		    });
	 }
 });	


	
		
	//拼接向右箭头
	function getRightStr(){
		var rightStr="";
		rightStr+="<td style='width:30px;height:104px;text-align:center'>";
	    rightStr+="<img name='right_left_image' src='${pageContext.request.contextPath}/images/problem/right_img.png' style='width:38px;height:19px;margin-right:20px;margin-left:20px;'/>";
	    rightStr+="</td>";
		 return rightStr;
	}
	//拼接向右箭头
	function getRightStrTop(){
		var rightStr="";
		rightStr+="<td style='width:30px;height:104px;text-align:center' valign='top'>";
	    rightStr+="<img name='right_left_image' src='${pageContext.request.contextPath}/images/problem/right_img.png' style='width:38px;height:19px;margin-right:20px;margin-left:20px;margin-top:40px'/>";
	    rightStr+="</td>";
		 return rightStr;
	}
	//拼接向下箭头:左边
	function getDown_Left_Str(){
				var downStr="<tr>";
				downStr+="<td  style='width:260px;height:104px;text-align:center'>";
				downStr+="<img src='${pageContext.request.contextPath}/images/problem/down_img.png' style='width:19px;height:38px;'/>";
				downStr+="</td>";
		        downStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
		        downStr+="<td style='width:38px;height:104px;'></td>";
		        downStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
		        downStr+="<td style='width:38px;height:104px;'></td>";
			downStr+="</tr>"
		 return downStr;
	}
	//拼接向下箭头：右边
	function getDown_Right_Str(){
		var downStr="<tr>";
		        downStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
		        downStr+="<td style='width:38px;height:104px;'></td>";
		        downStr+="<td style='width:70px;height:25px;text-align:left;' nowrap='nowrap'></td>";
		        downStr+="<td style='width:38px;height:104px;'></td>";
		        downStr+="<td colspan='2' style='width:260px;height:104px;text-align:center'>";
				downStr+="<img src='${pageContext.request.contextPath}/images/problem/down_img.png' style='width:19px;height:38px;'/>";
				downStr+="</td>";
			downStr+="</tr>"
		 return downStr;
	}
	
	
	
	//显示or隐藏流程说明
	/*function showOrHideFlowDesc(){
		if($("#problem_flow_showorhideflowdesc_divId").css("display")=="block"){
				$("#problem_flow_showorhideflowdesc_divId").css("display", "none");
		}else{
			$("#problem_flow_showorhideflowdesc_divId").css("display", "block");
		}
	}*/
	
	function showDiv(obj,taskId){
		//div对象存在则不做处理
		if ($("#div_"+taskId).length > 0)
		{
			return ;
		}
		
		$("#showGZDiv").empty();
		var os = $("#"+taskId).offset();
		
		var problemIdTemp = '&problemId='+'${problemTemp.problemId}'+'&taskId='+taskId;
		$.ajax({
			url:'${pageContext.request.contextPath}/problemmgr/problemAction!showProblemDetail.action',
			data:problemIdTemp,
			dataType :'json',
			 success : function(data){ 
				 if (data != null && data != "")
					{
					 var reportResults = data.fileList;
						
							var objDiv = document.createElement("div");
							objDiv.id = "div_"+taskId;
							objDiv.style.display = "";
							objDiv.className="div_dim";
							var html = "";
							
							html += "<div class='left_arrow'></div>";
							html += "<div class='content'>";
							html += "<div class='up'></div>";
							html += "<div class='img_center'>";
							html += "<div style='padding-left: 8px;padding-right: 8px;'>";
							html += "<table class='table_dim' id='detailDiv'>";
							html += "<tr>";
							if(data.tempBean.status=='1'){
								html += "<td width='70px' align='left'><span class='label'>发起人:&nbsp;</span></td>";
								
							}else if(data.tempBean.status=='2'){
								html += "<td width='70px' align='left'><span class='label'>转发人:&nbsp;</span></td>";
								
							}else if(data.tempBean.status=='3'){
								html += "<td width='70px' align='left'><span class='label'>处理人:&nbsp;</span></td>";
								
							}else if(data.tempBean.status=='4'){
								html += "<td width='70px' align='left'><span class='label'>回退人:&nbsp;</span></td>";
								
							}
							html += "<td align='left'>"+data.tempBean.handler+"</td>";
							html += "<td><img src='${pageContext.request.contextPath}/images/speedreport/close.png' title='关闭' onclick='hideDiv(\""+data.tempBean.title+"\");' style='float: right;padding-right: 5px;' /></td>";
							html += "</tr>";
							html += "<tr>";
							html += "<td width='70px' align='left'><span class='label'>日期:&nbsp;</span></td>";
							html += "<td colspan='2' align='left'>"+data.tempBean.discoveryTime+"</td>";
							html += "</tr>";
							
							if(data.tempBean.problemLevel=="0"){
								html += "<tr>";
								html += "<td width='70px' align='left'><span class='label'>告警级别:&nbsp;</span></td>";
								html += "<td colspan='2' align='left'><span style='color:#7aba42'>提示</span></td>";
								html += "</tr>";
							}
							if(data.tempBean.problemLevel=="1"){
								html += "<tr>";
								html += "<td width='70px' align='left'><span class='label'>告警级别:&nbsp;</span></td>";
								html += "<td colspan='2' align='left'><span style='color:#8cbeed'>一般告警</span></td>";
								html += "</tr>";
							}
							if(data.tempBean.problemLevel=="2"){
								html += "<tr>";
								html += "<td width='70px' align='left'><span class='label'>告警级别:&nbsp;</span></td>";
								html += "<td colspan='2' color='#faa004' align='left'><span style='color:#ff9200'>重要告警</span></td>";
								html += "</tr>";
							}
							if(data.tempBean.problemLevel=="3"){
								html += "<tr>";
								html += "<td width='70px' align='left'><span class='label'>告警级别:&nbsp;</span></td>";
								html += "<td colspan='2' color='red' align='left'>严重告警</td>";
								html += "</tr>";
							}
							html += "</table>";
							html += "</div>";
							
							
							html += "<div class='div_dim2'>";
							html += "<table class='table_dim'>";
							html += splitInfo(data.tempBean.problemDesc);
							
							if(reportResults!=null){
								if(reportResults.length>0){
									numTemp+=reportResults.length;
									for (var j=0; j<reportResults.length; j++)
									{					
										html += "<tr>";
										if(j==0){
											html += "<td width='60px' align='left'><span class='label'>附件:&nbsp;</span></td>";
										}else{
											html += "<td width='60px' align='left'><span class='label'>&nbsp;</span></td>";
										}
										
										html += "<td colspan='2' align='left'><a onclick='downLoadFile(\""+data.fileList[j].fileId+"\")' style='cursor:pointer;color:blue'><U>"+data.fileList[j].fileName+"</U></a></td>";
										html += "</tr>";							
									}
									
								}
							}
							
							html += "</table>";
							html += "</div>";
							html += "</div>";
							html += "<div class='down'></div>";
							html += "</div>";
							html += "<div class='right_arrow'></div>";
							objDiv.innerHTML = html;
							document.getElementById("showGZDiv").appendChild(objDiv);
							
							var div_left = 0;
							var div_top = 0;
							
							if(os.left>661){
								div_left = os.left-335;
							}else{
								div_left = os.left+225;
							}
							
														
							var arrow_top = 0;
							//alert($("#problem_flow_char_divId").offset().bottom);
							//箭头在上半部
							if (os.top - $("#problem_flow_char_divId").offset().top < 180)
							{
								div_top = os.top;
								arrow_top = $("#showGZDiv").height()/4;
								
							}
							//箭头在下半部
							else
							{   //div_top = os.top - $("#problem_flow_char_divId").offset().top;
								
								if(numTemp>=3){
									div_top = os.top-90;
									arrow_top = $("#showGZDiv").height()/4+20;
								}else{
									div_top = os.top-10;
									arrow_top = $("#showGZDiv").height()/4+20;
								}
								
								//div_top = os.top;
								
							}
							//箭头方向
							if ($("#problem_flow_char_divId").width() - $("#"+taskId).position().left 
									< 2* $("#"+taskId).width())
							{
								$("div.right_arrow").css("display", "block");
								$("div.right_arrow").css("top", arrow_top);
							}
							else
							{
								$("div.left_arrow").css("display", "block");
								$("div.left_arrow").css("top", arrow_top);    
							}
							
							$("#showGZDiv").css("top",div_top).css("left",div_left); 
							$(".table_dim tr:odd").addClass("odd"); 
						 	$(".table_dim tr:even").addClass("even");
						 	
						 	
						 	
						 	$("div.div_dim2").mCustomScrollbar({
								theme: "light-thick",
								scrollButtons:{
									enable:false
								}
							});
						 	numTemp=0;
					}
				 
			 }
		});
	}
	
	//附件下载
 	function downLoadFile(fileId){
		$("#fileDownFrame_deal").attr("src","${pageContext.request.contextPath}/upload/fileAction!toDownLoadFile.action?fileId="+fileId);
 	}
	
	/**
	 * 如果显示内容长度>20则拆分成多行，否则只显示一行
	 */
	function splitInfo(content)
	{
		if (typeof content == undefined 
				|| content == null)
		{
			content = "";
		}
		var rowCount = 0;
		if (content.length == 0)
		{
			rowCount = 1;
		}
		else
		{
			if (content.length  % 20 == 0)
			{
				rowCount = content.length/20;
			}else
			{
				rowCount = parseInt(content.length/20) + 1;
			}
		}
		
		var html = "";
		//内容的字数不超过1行则只显示一个tr
		if (rowCount == 1)
		{
			html += "<tr>";
			html += "<td width='70px' align='left'><span class='label'>问题描述:&nbsp;</span></td>";
			html += "<td colspan='2' align='left'>"+content+"</td>";
			html += "</tr>";
		}
		
		//内容字数超过一行
		else
		{
			for (var i=0;i<rowCount;i++)
			{
				if (i == 0)
				{
					html += "<tr>";
					html += "<td width='70px'><span class='label'>问题描述:&nbsp;</span></td>";
					html += "<td colspan='2'>"+content.substr(0, 20)+"</td>";
					html += "</tr>";
				}
				//最后一行
				else if (i == rowCount-1)
				{
					html += "<tr >";
					html += "<td width='60px'></td>";
					html += "<td colspan='2'>"+content.substr(i*20, 20)+"</td>";
					html += "</tr>";
				}
				else
				{
					html += "<tr>";
					html += "<td width='60px'></td>";
					html += "<td colspan='2'>"+content.substr(i*20, 20)+"</td>";
					html += "</tr>";
				}
			}
		}
		numTemp+=rowCount;
		
		return html;
	}
	 
	 function hideDiv(id)
	 {
	 	$("#showGZDiv").empty();
	 } 
	 
	 function showSuggestion(suggestion)
	 {
		 if(suggestion!=null){
			 if(suggestion.length>12){
				 suggestion=suggestion.substring(0,12)+'...';
			 }
		 }else{
			 suggestion='';
		 }
		 
	 	
	 	return suggestion;
	 }

	 
</script>
<head>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">    </head>
<table class="flow_char_bg">
     <tr>
       <td style="width:925px;height:50px">
       	 <table>
       	 	<tr>
       	 		<td width="25%" align="center">问题主题:&nbsp;<span id="problemTitleDiv" title="${problemTemp.title}">${problemTemp.title}</span></td>
       	 		<td width="25%" align="center">问题级别:<span id="problemLevelDiv" style="border-color: "></span></td>
       	 		<td width="25%" align="center">发生时间:&nbsp;<span id="timeDiv">${problemTemp.discoveryTime}</span></td>
       	 	</tr>
       	 </table>
       </td>
     </tr>
     <tr>
       <td style="width:925px;height:70px">
          <table width="90%">
               <tr>
                   <td  valign="middle" style="width:30px;height:79px;background: url('${pageContext.request.contextPath}/images/problem/legend_btn.png');background-repeat: no-repeat;" >
                       <div  style="width:10px;margin-left:8px;margin-bottom:5px;">图例</div>  
                   </td>
                   <td style="width:700px;height:70px" valign="middle">
                       <!-- 流程描述说明 -->
						<div id="problem_flow_showorhideflowdesc_divId" style="z-index:999px;width:778px;height:70px;background-color:#f7f7f7;display: block">
						      <table width="90%">
						           <tr>
						              <td style="width:28px;height:35px;" nowrap="nowrap">
						                <img src="${pageContext.request.contextPath}/images/problem/flow_start.png" style="cursor:deafault;width:28px;height:15px;"/>
						              </td>
						              <td  style="width:60px;height:35px;" nowrap="nowrap">&nbsp;流程发起&nbsp;</td>
						              <td style="width:28px;height:35px;" nowrap="nowrap">
						                <img src="${pageContext.request.contextPath}/images/problem/trans_content.png" style="cursor:deafault;width:28px;height:15px;"/>
						              </td>
						              <td  style="width:60px;height:35px;" nowrap="nowrap">&nbsp;转发内容&nbsp;</td>
						              <td rowspan="2" style="width:37px;height:70px;" valign="middle" nowrap="nowrap">
						                 <img src="${pageContext.request.contextPath}/images/problem/general_alarm.png" style="cursor:deafault;width:37px;height:37px;"/>
						              </td>
						              <td rowspan="2" style="width:60px;height:70px;" valign="middle" nowrap="nowrap">&nbsp;一般告警&nbsp;</td>
						              <td rowspan="2" style="width:37px;height:70px;" valign="middle" nowrap="nowrap">
						                 <img src="${pageContext.request.contextPath}/images/problem/major_alarm.png" style="cursor:deafault;width:37px;height:37px;"/>
						              </td>
						              <td rowspan="2" style="width:60px;height:70px;" valign="middle" nowrap="nowrap">&nbsp;重要告警&nbsp;</td>
						              <td rowspan="2" style="width:37px;height:70px;" valign="middle" nowrap="nowrap">
						                 <img src="${pageContext.request.contextPath}/images/problem/serious_alarm.png" style="cursor:deafault;width:37px;height:37px;"/>
						              </td>
						              <td rowspan="2" style="width:60px;height:70px;" valign="middle" nowrap="nowrap">&nbsp;严重告警&nbsp;</td>
						              <td rowspan="2" style="width:37px;height:70px;" valign="middle" nowrap="nowrap">
						                 <img src="${pageContext.request.contextPath}/images/problem/problem_trans.png" style="cursor:deafault;width:37px;height:37px;"/>
						              </td>
						              <td rowspan="2" style="width:60px;height:70px;" valign="middle" nowrap="nowrap">&nbsp;问题转发&nbsp;</td>
						               <td rowspan="2" style="width:37px;height:70px;" valign="middle" nowrap="nowrap">
						                 <img src="${pageContext.request.contextPath}/images/problem/flow_char_end.png" style="cursor:deafault;width:37px;height:37px;"/>
						              </td>
						              <td rowspan="2" style="width:60px;height:70px;" valign="middle" nowrap="nowrap">&nbsp;流程结束&nbsp;</td>
						              <td rowspan="2" style="width:37px;height:70px;" valign="middle" nowrap="nowrap">
						                 <img src="${pageContext.request.contextPath}/images/problem/problem_exit.png" style="cursor:deafault;width:37px;height:37px;"/>
						              </td>
						              <td rowspan="2" style="width:60px;height:70px;" valign="middle" nowrap="nowrap">&nbsp;流程回退&nbsp;</td>
						           </tr>
						           <tr>
						              <td style="width:28px;height:35px;" nowrap="nowrap">
						                 <img src="${pageContext.request.contextPath}/images/problem/flow_end.png" style="cursor:deafault;width:28px;height:15px;"/>
						              </td>
						              <td style="width:60px;height:35px;" nowrap="nowrap">&nbsp;流程结束&nbsp;</td>
						              <td style="width:28px;height:35px;" nowrap="nowrap"> 
						                 <img src="${pageContext.request.contextPath}/images/problem/exit_content.png" style="cursor:deafault;width:28px;height:15px;"/>
						              </td>
						              <td  style="width:60px;height:35px;" nowrap="nowrap">&nbsp;回退内容&nbsp;</td>
						           </tr>
						      </table>
						  </div>
                   </td>
               </tr>
          </table>
       </td>
     </tr>
     <tr>
       <td>
          <div id="problem_flow_char_divId" style="overflow-y:auto;width:938px;height:340px;margin-left:10px;margin-top:15px;"></div>
       </td>
     </tr>
</table>
<iframe id="fileDownFrame_deal" src="" style="display:none; visibility:hidden;"></iframe>
<div id="showGZDiv" style="top:210px;left:500px;width:300px;height:300px;z-index: 999px;position:fixed;_position:absolute;">
</div>

